<style>
    * {
        margin: 0;
        padding: 0;
    }
    .modal-header {
        border-bottom: none;
    }
    .modal-footer {
        border-top: none;
    }
    body{ overflow: auto !important;}
    .modal{ overflow: auto !important;}
    #myTab li a:hover{
        color: #6ab7ad;
        font-size: large;
    }
    #myTab li a{
        color: black;
        font-size: large;
    }
  .btn-select{
      background-color:#6ab7ad;
      margin-left: -60px;
      color: white;
      margin-top: 10px;
      margin-bottom: 10px;
      border: 1px solid white;
      font-size: large;
  }
    .btn-sure{
        background-color:#6ab7ad;
        color: white;
        width: 100%;
        border: 1px solid white;
        font-size: large;
    }
    .bb_deleteDiv ,.aa_deleteDiv ,.cc_deleteDiv, .dd_deleteDiv, .ee_deleteDiv{
        background:url("/images/delete.png") no-repeat;
        width:100%;height:40%;
        background-size:100%100%;
        border-radius:13px ;
    }

</style>
<section style="border-bottom: 0px solid #e5e5e5" train_id="<%=train_id%>" id="section_mian">
    <h1 style="display:inline-block;margin-left: 30px;">题库管理</h1>
    <span style="display: inline-block;float: right;padding-right: 40px;font-size: large;">当前培训:<%=train_name%></span>
</section>

<section>
    <ul id="myTab" class="nav nav-tabs">
        <li  id="active1">
            <a href="#aa" data-toggle="tab">
             问题驱动
            </a>
        </li>
        <li class="active" id="active2">
            <a href="#bb" data-toggle="tab">
                原理反思
            </a>
        </li>

        <li id="active3">
            <a href="#cc" data-toggle="tab">
                行动目标
            </a>
        </li>
        <li id="active4">
            <a href="#dd" data-toggle="tab">
                行动反馈
            </a>
        </li>
        <li id="active5">
            <a href="#ee" data-toggle="tab">
                行动推进
            </a>
        </li>

    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane fade " id="aa">
            <!--题目按钮-->
           <div class="row" style="margin-top: 10px;border:1px solid gainsboro;margin-left: 20px;margin-right: 20px;">
               <div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">
                   <button class="btn btn-select" id="aa_btnProblem1">问答题型一</button>
               </div>
               <!--<div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">-->
                   <!--<button class="btn btn-select" id="aa_btnProblem2">问答题型二</button>-->
               <!--</div>-->
               <div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">
                   <button class="btn btn-select" id="aa_btnGrade"> 评 分 题 </button>
               </div>
           </div>
            <!--题目内容区域-->
            <div id="aa_content" style="margin-top: 10px;margin-right: 20px;margin-left:20px;height: 550px; background-color: white;border: 1px solid gainsboro;overflow: scroll;">

            </div>
            <!--按钮区域-->
            <div class="row" style="margin-top: 20px;margin-left: 20px;margin-right: 20px;border: 1px solid gainsboro;">

                <div class="col-md-3 col-md-offset-3">
                    <div style="width: 250px;margin: 10px auto;">
                    <button class="btn btn-sure" id="aa_btnSubmit">发布</button>
                    </div>
                </div>
                <div class="col-md-3 col-md-offset-1">
                    <div style="width: 250px;margin: 10px auto;">
                    <button class="btn btn-sure" id="aa_btnSure">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade in active" id="bb">
            <!--题目按钮区域-->
            <div class="row" style="margin-top: 10px;border:1px solid gainsboro;margin-left: 20px;margin-right: 20px;">
                <div class="col-md-2 col-xs-2 col-md-offset-1 col-xs-offset-1">
                    <button class="btn btn-select" id="bb_btnWords" style="width: 140px;margin-left: 20px;">词汇题</button>
                </div>
            </div>
            <!--题目内容区域-->
            <div id="bb_content" style="margin-top: 10px;margin-right: 20px;margin-left:20px;height: 480px;; background-color: white;border: 1px solid gainsboro;overflow: scroll;">

            </div>
            <!--按钮区域-->
            <div class="row" style="margin-top: 20px;margin-left: 20px;margin-right: 20px;border: 1px solid gainsboro;">

                <div class="col-md-3 col-md-offset-3">
                    <div style="width: 250px;margin: 10px auto;">
                        <button class="btn btn-sure" id="bb_btnSubmit">发布</button>
                    </div>
                </div>
                <div class="col-md-3 col-md-offset-1">
                    <div style="width: 250px;margin: 10px auto;">
                        <button class="btn btn-sure" id="bb_btnSure">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="cc">
            <!--题目按钮-->
            <div class="row" style="margin-top: 10px;border:1px solid gainsboro;margin-left: 20px;margin-right: 20px;">
                <div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">
                    <button class="btn btn-select" id="cc_btnProblem1">问答题型一</button>
                </div>
                <!--<div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">-->
                    <!--<button class="btn btn-select" id="cc_btnProblem2">问答题型二</button>-->
                <!--</div>-->
                <div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">
                    <button class="btn btn-select" id="cc_btnGrade"> 评 分 题 </button>
                </div>
            </div>
            <!--题目内容区域-->
            <div id="cc_content" style="margin-top: 10px;margin-right: 20px;margin-left:20px;height: 480px;; background-color: white;border: 1px solid gainsboro;overflow: scroll;">

            </div>
            <!--按钮区域-->
            <div class="row" style="margin-top: 20px;margin-left: 20px;margin-right: 20px;border: 1px solid gainsboro;">

                <div class="col-md-3 col-md-offset-3">
                    <div style="width: 250px;margin: 10px auto;">
                        <button class="btn btn-sure" id="cc_btnSubmit">发布</button>
                    </div>
                </div>
                <div class="col-md-3 col-md-offset-1">
                    <div style="width: 250px;margin: 10px auto;">
                        <button class="btn btn-sure" id="cc_btnSure">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="dd">
            <!--题目按钮-->
            <div class="row" style="margin-top: 10px;border:1px solid gainsboro;margin-left: 20px;margin-right: 20px;">
                <div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">
                    <button class="btn btn-select" id="dd_btnProblem1">问答题型一</button>
                </div>
                <!--<div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">-->
                    <!--<button class="btn btn-select" id="dd_btnProblem2">问答题型二</button>-->
                <!--</div>-->
                <div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">
                    <button class="btn btn-select" id="dd_btnGrade"> 评 分 题 </button>
                </div>
            </div>
            <!--题目内容区域-->
            <div id="dd_content" style="margin-top: 10px;margin-right: 20px;margin-left:20px;height: 480px;; background-color: white;border: 1px solid gainsboro;overflow: scroll;">

            </div>
            <!--按钮区域-->
            <div class="row" style="margin-top: 20px;margin-left: 20px;margin-right: 20px;border: 1px solid gainsboro;">

                <div class="col-md-3 col-md-offset-3">
                    <div style="width: 250px;margin: 10px auto;">
                        <button class="btn btn-sure" id="dd_btnSubmit">发布</button>
                    </div>
                </div>
                <div class="col-md-3 col-md-offset-1">
                    <div style="width: 250px;margin: 10px auto;">
                        <button class="btn btn-sure" id="dd_btnSure">保存</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="ee">
            <!--题目按钮-->
            <div class="row" style="margin-top: 10px;border:1px solid gainsboro;margin-left: 20px;margin-right: 20px;">
                <div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">
                    <button class="btn btn-select" id="ee_btnProblem1">问答题型一</button>
                </div>
                <!--<div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">-->
                    <!--<button class="btn btn-select" id="ee_btnProblem2">问答题型二</button>-->
                <!--</div>-->
                <div class="col-md-2 col-xs-2 col-md-offset-2 col-xs-offset-2">
                    <button class="btn btn-select" id="ee_btnGrade"> 评 分 题 </button>
                </div>
            </div>
            <!--题目内容区域-->
            <div id="ee_content" style="margin-top: 10px;margin-right: 20px;margin-left:20px;height: 480px;; background-color: white;border: 1px solid gainsboro;overflow: scroll;">

            </div>
            <!--按钮区域-->
            <div class="row" style="margin-top: 20px;margin-left: 20px;margin-right: 20px;border: 1px solid gainsboro;">

                <div class="col-md-3 col-md-offset-3">
                    <div style="width: 250px;margin: 10px auto;">
                        <button class="btn btn-sure" id="ee_btnSubmit">提交</button>
                    </div>
                </div>
                <div class="col-md-3 col-md-offset-1">
                    <div style="width: 250px;margin: 10px auto;">
                        <button class="btn btn-sure" id="ee_btnSure">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>

<div id="cover" class="cover">
    <img style="margin: 250px auto;;display:block;" src="/images/loading.gif" />
</div>

